<div class="am-g">
    <div class="am-u-sm-12 am-u-md-6">
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default" onclick="add()"><span class="am-icon-plus"></span>
                    新增
                </button>
                <button type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 保存</button>
                <button type="button" class="am-btn am-btn-default"><span class="am-icon-archive"></span> 审核</button>
                <button type="button" class="am-btn am-btn-default"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </div>
    {{/*    <div class="am-u-sm-12 am-u-md-3">*/}}
    {{/*        <div class="am-form-group">*/}}
    {{/*            <select data-am-selected="{btnSize: 'sm'}">*/}}
    {{/*                <option value="option1">名称</option>*/}}
    {{/*                <option value="option2">URL</option>*/}}
    {{/*                <option value="option3">方法</option>*/}}
    {{/*                <option value="option4">超时时间</option>*/}}
    {{/*                <option value="option5">类型</option>*/}}
    {{/*                <option value="option6">操作</option>*/}}
    {{/*            </select>*/}}
    {{/*        </div>*/}}
    {{/*    </div>*/}}
    <div class="am-u-sm-12 am-u-md-3">
        <div class="am-input-group am-input-group-sm">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
            <button class="am-btn am-btn-default" type="button">搜索</button>
          </span>
        </div>
    </div>
</div>

<div class="am-g">
    <div class="am-u-sm-12">
        <form class="am-form">
            <table class="am-table am-table-striped am-table-hover table-main">
                <thead>
                <tr>
                    {{/*                    <th class="table-check"><input type="checkbox"/></th>*/}}
                    <th class="table-id">名称</th>
                    <th class="table-title">URL</th>
                    <th class="table-type">方法</th>
                    <th class="table-type">超时时间</th>
                    <th class="table-type">类型</th>
                    <th class="table-set">操作</th>
                </tr>
                </thead>
                <tbody>
                {{range .List}}
                    <tr>
                        <td>{{.Name}}</td>
                        <td><a href="#">{{.Url}}</a></td>
                        <td>{{.Method}}</td>
                        <td class="am-hide-sm-only">{{.Timeout}}</td>
                        <td class="am-hide-sm-only">{{.Type}}</td>
                        <td>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs">
                                    <button class="am-btn am-btn-default am-btn-xs am-text-secondary"><span
                                                class="am-icon-pencil-square-o"></span> 编辑
                                    </button>
                                    <button class="am-btn am-btn-default am-btn-xs am-hide-sm-only"><span
                                                class="am-icon-copy"></span> 复制
                                    </button>
                                    <button class="am-btn am-btn-default am-btn-xs am-text-danger am-hide-sm-only"><span
                                                class="am-icon-trash-o"></span> 删除
                                    </button>
                                </div>
                            </div>
                        </td>
                    </tr>
                {{end}}

                </tbody>
            </table>
            <div class="am-cf">
                共 15 条记录
                <div class="am-fr">
                    <ul class="am-pagination">
                        <li class="am-disabled"><a href="#">«</a></li>
                        <li class="am-active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">»</a></li>
                    </ul>
                </div>
            </div>
            <hr/>
            <p>注：.....</p>
        </form>
    </div>

</div>

<script type="application/javascript">
    function add() {
        window.location.href = "{{urlfor "ApiController.AddGet"}}";

    }

</script>